<template>
  <div class="home">
    <h1>Pinia - 基本使用</h1> 
    <h3>doubleCount: {{ counterStore.doubleCount }}</h3>
    <h3>doubleCountAddOne: {{ counterStore.doubleCountAddOne }}</h3>
    <h3>getFriendById2: {{ counterStore.getFriendById(2) }}</h3>
    <h3>getFriendById3: {{ counterStore.getFriendById(3) }}</h3>
    <h3>showMessage: {{ counterStore.showMessage }}</h3>

    <button @click="changeState">修改state</button>
    <button @click="resetState">重置state</button>
  </div>
</template>

<script setup>
 import useCounter from '@/pinia/counter'
 const counterStore = useCounter()

</script>
